<!--  -->
<template>
  <div class="sou">
    <div class="str">智能PPT</div>
    <div class="footser">
      <div class="teams">
        <h3>团队PPT</h3>
        <ul class="datas">
          <li>
            <img src="" alt="" />
            <span>暂无数据</span>
          </li>
        </ul>
      </div>
      <div class="teams">
        <h3>我的PPT</h3>
        <el-divider></el-divider>

        <ul class="datas">
          <li>
            <img src="" alt="" />
            <span>+新建ppt</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {}
  },
  created() {},
  methods: {},
  beforeDestroy() {},
}
</script>

<style lang='scss' scoped>
.sou {
  display: flex;
  flex-grow: 1;
  width: 100%;
  height: 800px;
  flex-wrap: wrap;
  background: #F0F2F5;
  .str {
    background: #fff;
    width: 100%;
    height: 66px;
    font-size: 18px;
    text-align: left;

    line-height: 22px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #171725;
    line-height: 33px;
    letter-spacing: 0.11px;
  }
  .footser {
    height: 794px;
    margin-top: 20px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    h3 {
      font-size: 16px;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: left;
      color: #171725;
      line-height: 22px;
      letter-spacing: 0.11px;
    }
    .teams {
      width: 100%;
      height: 97px;
      margin: 30px 38px 108px 25px;
      .datas {
        margin-top: 23px;
        width: 100%;
        height: 120px;
        display: flex;
        li {
          width: 240px;
          height: 120px;
          margin-right: 30px;
          background: rgba(168, 199, 255, 0.1);
          border: 0.5px solid #2574ff;
          border-radius: 2px;
          display: flex;
          flex-wrap: wrap;
          color: #2574ff;
          img {
            width: 37px;
            height: 32px;
            margin: 36px auto 18px;
            display: block;
          }
          span {
            display: block;
            width: 100%;
            height: 20px;
            margin-bottom: 12px;
            text-align: center;
          }
        }
      }
    }
  }
}
</style>
